```tsx
import { useState } from "react"

export function ControlledBottomSheet() {
  const [open, setOpen] = useState(false)

  const service = useMachine(bottomSheet.machine, {
    open,
    onOpenChange(details) {
      setOpen(details.open)
    },
  })

  return (
    // ...
  )
}
```
